/* pages/content/index.wxss */
page{
    background: #f0f0f0;
}
.goods_info{
    padding:30rpx;
    display:flex;
    justify-content: space-between;
    align-items: center;
    background: white;
}
.goods_title{
    width:70%;
    font-size: 35rpx;
    font-weight: bold;
}
.goods_btn{
    width:18%;
    font-size: 28rpx;
    display: flex;
}
.goods_btn_item{
    display: flex;
    align-items: center;
}
.goods_btn_item image{
    width:40rpx;
    height:40rpx;
    padding-right:10rpx;
}
.goods_btn_item text{
    padding-left:10rpx;
    color:#8b8b8b;
}
.body,.tj_body{
    font-size: 30rpx;
    margin-top:20rpx;
    padding:30rpx;
    background: white;
}
.body_title,.tj_body_title{
    margin-bottom: 20rpx;
    font-weight: bold;
    color:#0097bd;
}
.tj_body_contain{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.tj_body_item{
    width:48%;
    margin-bottom: 20rpx;
}
.tj_item_pic{
    width:98%;
    height:180rpx;
    border:1px solid #f0f0f0;
}
.tj_item_pic image{
    width:100%;
    height:100%;
}
.tj_item_title{
    padding-top:15rpx;
    font-size: 30rpx;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color:#8b8b8b;
}

.login_body{
    padding:20rpx;
    border-radius: 20rpx;
    font-size: 30rpx;
    background: white;
}
.login_title{
    text-align: center;
    padding-bottom: 10rpx;
}
.login_btn{
    display: flex;
    align-items: center;
    padding:20rpx 50rpx;
    background:orangered;
    color:white;
    border-radius: 20rpx;
}
.external-class {
    height: 256rpx;
    color:#8b8b8b;
  }

/*pop*/
.block {
    width: 100vw;
    height: 340px;
    background: #fff;
    border-top-left-radius: 16rpx;
    border-top-right-radius: 16rpx;
  }
  .order_btn{
      margin:20rpx 30rpx;
      padding:20rpx 0;
      text-align: center;
      background: orangered;
      color:white;
      font-size: 35rpx;
      border-radius: 15rpx;
  }
  .wrapper {
    margin: 32rpx;
    display: block;
  }
  
  .header {
    display: flex;
    align-items: center;
    height: 116rpx;
  }
  
  .title {
    flex: 1;
    text-align: center;
    font-weight: 600;
    font-size: 36rpx;
  }
  
  .btn {
    font-size: 32rpx;
    padding: 32rpx;
  }
  
  .btn--cancel {
    color: rgba(0, 0, 0, .6);
  }
  
  .btn--confirm {
    color: #0052d9;
  }


/*foot*/
.foot{
    width:100%;
    padding:20rpx 0;
    background: white;
    position: fixed;
    left:0;
    bottom: 0;
    border-top:1px solid #f7f7f7;
}
.foot_contain{
    display:flex;
    justify-content: space-between;
}
.foot_left{
    width:30%;
    display: flex;
}
.foot_item{
    width:50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 30rpx;
}
.foot_item text{
    padding-top:10rpx;
    color:#8b8b8b;
}
.kf_btn{
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 30rpx;
}
.foot_left image{
    width:50rpx;
    height:50rpx;
}
.foot_right{
    width:65%;
}
.foot_right_btn{
    padding:20rpx 0;
    text-align: center;
    background: orangered;
    color:white;
    font-size: 40rpx;
    margin-right:30rpx;
    border-radius: 30rpx;
}
